<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="style.css" type="text/css" rel="Stylesheet" />
    <title>NetRoom</title>
</head>
<body>
    <div id="layout">
        <div id="layout-header">
            <table id="layout-header-box">
                <tr>
                    <td id="header-avatar-box">
                        <a href="#">
                            <img id="header-avatar" src="images/avatar.jpg" alt="Аватар" />
                        </a>
                    </td>
                    <td id="header-caption-box">
                        <div id="header-caption">Блог Дон Кихота Ламанческого</div>
                        <div id="header-subcaption">Пишу о жизни, вэб-разработке, о любимой Дульсинее</div>
                    </td>
                </tr>
            </table>
        </div>
        <div id="layout-middle">
            <table id="layout-middle-box">
                <tr>
                    <td id="layout-topbar">
                        <ul id="layout-topbar-menu">
                            <li class="selected-item">Главная</li>
                            <li><a href="#">Библиотека</a></li>
                            <li><a href="#">О блоге</a></li>
                            <li><a href="#">Контакты</a></li>
                        </ul>
                    </td>
                    <td id="layout-search">
                        <form>
                            <table>
                                <tr>
                                    <td>
                                        <input type="text" name="search-text" />
                                    </td>
                                    <td id="search-button-box">
                                        <input type="submit" value="Искать" name="search" />
                                    </td>
                                </tr>
                            </table>
                        </form>
                    </td>
                </tr>
                <tr>
                    <td id="layout-content">
                        <div>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut euismod euismod magna, sit amet molestie sem ultrices a. Sed consectetur egestas diam nec consequat. Nulla auctor, mi ac egestas fermentum, libero nisl suscipit sem, eu vehicula sapien lacus eget tellus. Vivamus erat nibh, tempus non dictum eu, sodales quis urna. Curabitur tincidunt, odio sed posuere cursus, lectus sem interdum ante, sit amet euismod nisl diam et mi. Suspendisse rutrum, orci nec volutpat viverra, lacus velit gravida ipsum, ut bibendum odio odio vel mauris. Aliquam at pulvinar nibh.

Sed ullamcorper scelerisque dapibus. Vestibulum ac nibh et leo luctus auctor eu nec elit. Suspendisse feugiat viverra pellentesque. Vestibulum cursus mi a orci sollicitudin interdum vestibulum lacinia urna. Donec vitae massa quam. Sed ac enim nulla, eget semper augue. Nulla facilisi. Donec tempus imperdiet dapibus. Donec eget ipsum lacus. Suspendisse malesuada scelerisque enim ut semper. Suspendisse suscipit diam a augue ornare lobortis. Nunc in porta ipsum.

Suspendisse sapien felis, rhoncus id hendrerit non, pellentesque nec velit. Vivamus non arcu id erat dictum interdum. Fusce malesuada tellus at nunc tempor sed elementum velit placerat. Pellentesque magna nulla, blandit faucibus dignissim quis, scelerisque eu risus. Aenean quis nisi arcu. Pellentesque quis leo tellus. Nullam vitae elit interdum urna feugiat tristique sit amet eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi sem arcu, volutpat eget interdum ac, pretium sit amet felis. Sed justo metus, imperdiet eu facilisis a, mollis porttitor nunc.

Nulla euismod, sapien tristique ullamcorper elementum, leo nunc aliquet neque, vel tristique metus elit in nisi. Nam et quam est. Vivamus arcu nulla, dignissim id euismod non, pellentesque ac magna. Maecenas pellentesque mollis magna at porta. Phasellus sit amet leo in diam ultrices pellentesque non eu mauris. Donec id euismod erat. Vestibulum sem leo, posuere vel elementum non, imperdiet nec turpis. Praesent ut magna ac ligula posuere congue ut id sem. Sed porttitor dui ac felis adipiscing mattis.

Vivamus blandit imperdiet justo, at commodo metus commodo sed. Curabitur aliquet tempor leo, a aliquet ligula facilisis sed. Praesent molestie, massa porta mattis placerat, erat mauris fringilla lorem, non feugiat metus lectus in dolor. Proin libero eros, euismod at varius in, volutpat quis nisl. Donec elit magna, consequat rhoncus faucibus a, vehicula non quam. Vivamus varius nibh quis purus dictum in pharetra purus scelerisque. Integer feugiat ligula quis arcu consectetur porttitor. Etiam consequat, nunc ut interdum volutpat, dolor leo dignissim orci, id tincidunt quam velit quis neque. Duis egestas sodales purus nec ullamcorper. Suspendisse vel nisi vel justo facilisis porttitor.
                        </div>
                    </td>
                    <td id="layout-sidebar">
                        <div class="sidebar-menu">
                            <div class="sidebar-menu-header">
                                <span>Заметки</span>
                            </div>
                            <ul>
                                <li><a href="#">Спина к спине</a></li>
                                <li><a href="#">Гладиатор</a></li>
                                <li><a href="#">День, когда земля остановилась</a></li>
                                <li class="selected-item">Матрица</li>
                                <li><a href="#">Нападение на 13-й участок</a></li>
                            </ul>
                            <div class="sidebar-menu-footer">
                                <span>«</span>
                                <span><a href="#">все заметки</a></span>
                            </div>
                        </div>
                        <div class="sidebar-menu">
                            <div class="sidebar-menu-header">
                                <span>Теги</span>
                            </div>
                            <ul>
                                <li><a href="#">дизайн</a></li>
                                <li><a href="#">кино</a></li>
                                <li><a href="#">разработка</a></li>
                                <li><a href="#">про жизнь</a></li>
                                <li><a href="#">юмор</a></li>
                            </ul>
                            <div class="sidebar-menu-footer">
                                <span>«</span>
                                <span><a href="#">все теги</a></span>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <div id="layout-footer">
            <span>© 2012 Дон Кихот Ламанческий</span>
        </div>
    </div>
</body>
</html>